@keyframes buttonMarquee {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-54.6%, 0, 0);
  }
}

.button-wrapper-marquee {
  border-top: 1px solid #B1B1B1;
  border-bottom: 1px solid #B1B1B1;

  padding-top: 27px;
  padding-bottom: 29px;
}

.button-marquee {
  background-color: unset;
  border-radius: 100px;
  color: #B1B1B1;
  display: block;
  font-family: 'Cormorant Infant', sans-serif;
  font-style: italic;
  font-size: 35px;
  font-weight: 300;
  line-height: 45px;
  overflow: hidden;
  text-transform: uppercase;
}

.button-marquee:hover,
.button-marquee:focus {
  color: #B1B1B1;
  text-decoration: none;
}

.button-marquee-inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-animation: buttonMarquee 10s linear infinite;
  animation: buttonMarquee 10s linear infinite;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.button-marquee-inner span {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 12px 0 8px;
  text-align: center;
  white-space: nowrap;
}

.button-marquee-inner svg {
  display: block;
  fill: #F7F6F2;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 9px 36px 10px;
  width: 29px;
}


@media only screen and (max-width: 767px) {  
  .button-marquee-inner span {
    padding: 0;
  }
}