.dot__button{font-family:var(--family-Display);font-weight:var(--weight-normal);font-size:20px;line-height:24px;width:100%;padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-full);border:none;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),opacity .3s ease,color .3s ease,background-color .2s ease;min-height:56px;position:relative;overflow:hidden;text-align:center;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transform:translateZ(0);backface-visibility:hidden}.dot__button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.dot__button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 16px #00000026}.dot__button:active{transform:translateY(-1px) scale(.98);transition-duration:.1s}.dot__button--primary{background-color:var(--Yellow-Yellow-500);color:var(--Blu-Blu-500)}.dot__button--primary:hover{background-color:var(--Yellow-Yellow-200)}.dot__button--primary:active{background-color:var(--Yellow-Yellow-800)}.dot__button--secondary{background-color:transparent;color:var(--Neutral-White);border:2px solid var(--Neutral-White)}.dot__button--secondary:hover{background-color:var(--Neutral-White);color:var(--Blu-Blu-500)}.dot__button--secondary:active{background-color:#ffffffe6}.dot__button--secondary-blu{background-color:transparent;color:var(--Blu-Blu-500);border:2px solid var(--Blu-Blu-500)}.dot__button--secondary-blu:hover{background-color:var(--Blu-Blu-500);color:var(--Yellow-Yellow-200)}.dot__button--secondary-blu:active{background-color:var(--Blu-Blu-800);border-color:var(--Blu-Blu-800)}@media (min-width: 1536px){.dot__button{font-size:20px}}@media (min-width: 768px) and (max-width: 1535px){.dot__button{font-size:var(--size-xl)}}.hero__button-container .uppa-add-to-cart-form{width:100%;display:flex}.hero__button-container .uppa-add-to-cart-form .dot__button,.hero__button-container .dot__button.dot__button--secondary{width:100%}.dot-floating-banner .uppa-add-to-cart-form .dot__button{width:auto}
/*# sourceMappingURL=/cdn/shop/t/9/assets/dot-css-buttons.css.map */