:root{--light-color-rgb: 255, 255, 255;--dark-color-rgb: 0, 0, 0;--light-color: #0F1F28;--dark-color: #BFC4C7;--animation-speed: 1.8s;--btn-text-padding-x: 15px;--btn-text-width: 120px}.example-box .tr-widget{margin-bottom:20px}.tr-widget,.tr-widget *{box-sizing:border-box}.tr-widget{display:flex;justify-content:flex-end}.tr-widget__btn{font:400 16px/1.4 Arial,Helvetica,sans-serif;letter-spacing:1px;text-decoration:none;display:inline-flex;align-items:center;text-transform:uppercase;overflow:hidden;color:var(--dark-color);background-color:var(--light-color);padding:2px;border-radius:50rem;box-shadow:0 3px 5px rgba(var(--dark-color-rgb),.1);animation:btn-animation var(--animation-speed) ease 1 forwards;transform-origin:center bottom;-webkit-tap-highlight-color:transparent}.tr-widget__btn:after{transition:left .3s linear;content:"";position:absolute;top:0;bottom:0;left:-100px;width:80px;background-image:linear-gradient(to right,rgba(var(--light-color-rgb),0) 0% 5%,rgba(var(--light-color-rgb),.8) 40% 60%,rgba(var(--light-color-rgb),0) 95% 100%);transform:skew(-25deg)}.tr-widget__btn-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;background-color:#f3f3f3;border-radius:50rem;box-shadow:inset 1px 4px 5px rgba(var(--dark-color-rgb),.25);animation:btn-logo-animation var(--animation-speed) ease 1 forwards}.tr-widget__btn-logo img{display:block;width:32px;height:32px;object-fit:contain}.tr-widget__btn-text{transition:width .5s ease,padding .5s ease;text-align:center;white-space:nowrap;width:var(--btn-text-width);padding:0 var(--btn-text-padding-x);overflow:hidden;position:relative;animation:btn-text-animation var(--animation-speed) ease 1;animation-fill-mode:none}.tr-widget__btn-text:before{content:"";position:absolute;top:0;right:0;bottom:0;width:0;transition:width .5s ease;background-image:linear-gradient(to right,rgba(var(--light-color-rgb),0),rgba(var(--light-color-rgb),.5) 40%,rgba(var(--light-color-rgb),1));animation:btn-text-gradient-animation var(--animation-speed) ease 1;animation-fill-mode:none}.tr-widget__preloader{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;background-image:linear-gradient(135deg,#1f3b57 0% 25%,#1f3b57 50% 75%,#1f3b57);box-shadow:0 3px 5px rgba(var(--dark-color-rgb),.1)}.tr-widget__preloader:before{content:"";width:20px;height:20px;border:3px solid;border-radius:50rem;border-color:var(--light-color) var(--light-color) var(--light-color) transparent;animation:loader 1s linear infinite forwards}.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.tr-widget--dark .tr-widget__btn{box-shadow:none;background-color:var(--dark-color);color:var(--light-color)}.tr-widget--dark .tr-widget__btn:after{width:50px}.tr-widget--dark .tr-widget__btn-logo{background-color:var(--light-color)}.tr-widget--dark .tr-widget__btn-text:before{background-image:linear-gradient(to right,rgba(var(--dark-color-rgb),0),rgba(var(--dark-color-rgb),.5) 40%,rgba(var(--dark-color-rgb),1))}.tr-widget--dark .tr-widget__preloader{background-color:var(--dark-color);box-shadow:none}.tr-widget--dark .tr-widget__preloader:before{border-color:var(--dark-color) var(--dark-color) var(--dark-color) transparent}.tr-widget__btn.is-glare:after{animation:btn-glare-animation .5s ease 1;animation-fill-mode:none}@media (min-width: 768px){:root{--btn-text-padding-x: 20px;--btn-text-width: 130px}.tr-widget__btn{padding:4px}.tr-widget__btn-logo{width:48px;height:48px}.tr-widget__preloader{width:56px;height:56px}.tr-widget__preloader:before{width:24px;height:24px;border-width:4px}}@keyframes btn-animation{0%{transform:scale(0)}40%{transform:scale(1)}to{transform:scale(1)}}@keyframes btn-glare-animation{0%{left:-100px}to{left:100%}}@keyframes btn-logo-animation{0%{transform:scale(1.1)}40%{transform:scale(1.1)}50%{transform:scale(1)}to{transform:scale(1)}}@keyframes btn-text-animation{0%{width:0;padding:0}50%{width:0;padding:0}65%{width:var(--btn-text-width);padding:0 var(--btn-text-padding-x)}to{width:var(--btn-text-width);padding:0 var(--btn-text-padding-x)}}@keyframes btn-text-gradient-animation{0%{width:100%}50%{width:100%}70%{width:0}to{width:0}}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mt-14{margin-top:5.5rem}.albatross.page-holder{padding-top:1rem;right:10.5rem;z-index:99;scale:.85}@media (max-width: 1280px){.albatross.page-holder{right:5.5rem}}@media (width: 768px){.albatross.page-holder{right:11.5rem}}@media (width: 820px){.albatross.page-holder{right:13rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/button.css.map */
