/* Version two only. Light, bordered CTAs with a directional Ocean colour sweep. */
body[data-thaipay-design="2"][data-page] :is(.button,#service-request,.tp-form button[type="submit"],.tp-contact,.mobile-dock a){
 --tp-button-fill:#dcebe9;
 border:1px solid var(--accent);
 border-radius:999px;
 background-color:transparent;
 background-image:linear-gradient(270deg,transparent 50%,var(--tp-button-fill) 0);
 background-size:203% 101%;
 background-position:100% center;
 background-repeat:no-repeat;
 color:var(--accent);
 box-shadow:none;
 text-decoration:none;
 font-weight:650;
 transform:none;
 transition:background-position .3s cubic-bezier(.39,.57,.56,1),background-color .2s ease,border-color .2s ease,color .2s ease,transform .12s ease;
 -webkit-tap-highlight-color:transparent;
}
body[data-thaipay-design="2"][data-page] :is(.button,#service-request,.tp-form button[type="submit"])>span[aria-hidden="true"]{
 display:inline-block;
 flex-shrink:0;
 transition:transform .25s ease;
}
body[data-thaipay-design="2"][data-page] :is(.button,#service-request,.tp-form button[type="submit"],.tp-contact,.mobile-dock a):focus-visible{
 outline:2px solid var(--accent);
 outline-offset:4px;
 border-color:var(--accent);
 background-position:0 center;
 color:var(--accent);
 box-shadow:none;
}
@media(hover:hover){
 body[data-thaipay-design="2"][data-page] :is(.button,#service-request,.tp-form button[type="submit"],.tp-contact,.mobile-dock a):hover:not(:disabled):not([aria-disabled="true"]){
  background-position:0 center;
  background-color:transparent;
  color:var(--accent);
  border-color:var(--accent);
  box-shadow:none;
  transform:none;
 }
 body[data-thaipay-design="2"][data-page] :is(.button,#service-request,.tp-form button[type="submit"]):hover:not(:disabled):not([aria-disabled="true"])>span[aria-hidden="true"]{transform:translateX(4px)}
}
body[data-thaipay-design="2"][data-page] :is(.button,#service-request,.tp-form button[type="submit"],.tp-contact,.mobile-dock a):active:not(:disabled):not([aria-disabled="true"]){
 background-position:0 center;
 background-color:var(--tp-button-fill);
 color:var(--accent);
 border-color:var(--accent);
 box-shadow:none;
 transform:scale(.985);
}
body[data-thaipay-design="2"][data-page] :is(.button,#service-request,.tp-form button[type="submit"],.tp-contact,.mobile-dock a):disabled,
body[data-thaipay-design="2"][data-page] :is(.button,.tp-contact,.mobile-dock a)[aria-disabled="true"]{
 background-image:none;
 background-color:transparent;
 color:var(--accent);
 opacity:.5;
 transform:none;
}
@media(prefers-reduced-motion:reduce){
 body[data-thaipay-design="2"][data-page] :is(.button,#service-request,.tp-form button[type="submit"],.tp-contact,.mobile-dock a),
 body[data-thaipay-design="2"][data-page] :is(.button,#service-request,.tp-form button[type="submit"])>span[aria-hidden="true"]{
  transition:none;
  transform:none;
 }
 body[data-thaipay-design="2"][data-page] :is(.button,#service-request,.tp-form button[type="submit"],.tp-contact,.mobile-dock a):active:not(:disabled):not([aria-disabled="true"]){transform:none}
}
