component-buy-button-c * {
  outline: none;
}
component-buy-button-c .componentBuyBtn {
  min-width: 130px;
}
component-buy-button-c .componentBuyBtn .inlineContainer {
  width: 120px;
  display: block;
  overflow: hidden;
}
component-buy-button-c .componentBuyBtn .inlineContainer .textContainer {
  width: 360px;
  transition: all 0.3s;
}
component-buy-button-c .componentBuyBtn .inlineContainer .textContainer span {
  float: left;
  width: 120px;
  text-align: center;
  overflow: hidden;
}
component-buy-button-c .componentBuyBtn._process .inlineContainer .textContainer {
  transform: translate3d(-120px, 0, 0);
}
component-buy-button-c .componentBuyBtn._added .inlineContainer .textContainer {
  transform: translate3d(-240px, 0, 0);
}
component-buy-button-c .componentBuyBtn[data-button*="_small"] .inlineContainer {
  width: 130px;
}
component-buy-button-c .componentBuyBtn[data-button*="_small"] .inlineContainer .textContainer {
  width: 300px;
}
component-buy-button-c .componentBuyBtn[data-button*="_small"] .inlineContainer .textContainer span {
  width: 130px;
}
component-buy-button-c .componentBuyBtn[data-button*="_small"]._process .inlineContainer .textContainer {
  transform: translate3d(-100px, 0, 0);
}
component-buy-button-c .componentBuyBtn[data-button*="_small"]._added .inlineContainer .textContainer {
  transform: translate3d(-200px, 0, 0);
}
component-buy-button-c .componentBuyBtn[data-button*="_normal"] .inlineContainer {
  width: 120px;
}
component-buy-button-c .componentBuyBtn[data-button*="_normal"] .inlineContainer .textContainer {
  width: 360px;
}
component-buy-button-c .componentBuyBtn[data-button*="_normal"] .inlineContainer .textContainer span {
  width: 130px;
}
component-buy-button-c .componentBuyBtn[data-button*="_normal"]._process .inlineContainer .textContainer {
  transform: translate3d(-120px, 0, 0);
}
component-buy-button-c .componentBuyBtn[data-button*="_normal"]._added .inlineContainer .textContainer {
  transform: translate3d(-240px, 0, 0);
}
component-buy-button-c .componentBuyBtn[data-button*="_large"] .inlineContainer {
  width: 130px;
}
component-buy-button-c .componentBuyBtn[data-button*="_large"] .inlineContainer .textContainer {
  width: 390px;
}
component-buy-button-c .componentBuyBtn[data-button*="_large"] .inlineContainer .textContainer span {
  width: 130px;
}
component-buy-button-c .componentBuyBtn[data-button*="_large"]._process .inlineContainer .textContainer {
  transform: translate3d(-130px, 0, 0);
}
component-buy-button-c .componentBuyBtn[data-button*="_large"]._added .inlineContainer .textContainer {
  transform: translate3d(-260px, 0, 0);
}