#plp-feature-container {
  left: -180px;
  position: fixed;
  top: 19%;
  max-width: 150px;
  max-height: 600px;
  z-index: 10;
  -webkit-filter: drop-shadow(0px 1px 7px white);
          filter: drop-shadow(0px 1px 7px white); }
  #plp-feature-container .close {
    position: absolute;
    opacity: 1;
    background-color: #e66d1c;
    right: -20px;
    top: -20px;
    padding: 4px;
    border-radius: 50%; }
    #plp-feature-container .close i {
      color: #fff;
      font-size: 12px; }

@-webkit-keyframes slide-in {
  0% {
    left: -150px; }
  100% {
    right: -1px; } }

@keyframes slide-in {
  0% {
    left: -150px; }
  100% {
    right: -1px; } }

@-webkit-keyframes slide-out {
  from {
    left: -1px; }
  to {
    left: -180px; } }

@keyframes slide-out {
  from {
    left: -1px; }
  to {
    left: -180px; } }
  #plp-feature-container.show {
    display: block;
    -webkit-animation-name: slide-in;
            animation-name: slide-in;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    left: 0; }
  #plp-feature-container.hide {
    display: block;
    -webkit-animation-name: slide-out;
            animation-name: slide-out;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
  #plp-feature-container h3, #plp-feature-container .feature-text-container, #plp-feature-container .btn {
    position: absolute;
    text-align: center;
    font-size: 18px; }
  #plp-feature-container h3 {
    top: 15px;
    letter-spacing: .2rem;
    width: 150px; }
  #plp-feature-container .feature-text-container {
    top: 365px;
    width: 150px; }
  #plp-feature-container .btn {
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 14px;
    padding: 12px 0px;
    font-weight: 600; }
    #plp-feature-container .btn i {
      font-size: 22px; }

/*# sourceMappingURL=featureCallOutPLP.css.map*/