.button{display:flex;align-items:center;justify-content:center;gap:8px;background:#124559;padding:4px;border-radius:45px;min-height:48px;transition:background .3s ease-in-out,transform .3s ease-in-out}@media only screen and (min-width:1200px){.button{padding:8px}}.button[href],.button[aria-label]{position:relative}.button[href]:before,.button[aria-label]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:45px;background:#00000080;mix-blend-mode:overlay;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.button[href]:hover:before,.button[aria-label]:hover:before{opacity:1}.button.active{pointer-events:none;transform:scale(.9)}.button.active:before{opacity:1}.button.only-icon{border-radius:100%}.button.only-icon[href]:hover,.button.only-icon[aria-label]:hover{transform:scale(.9)}.button.only-icon .icon{padding:4px;background:transparent}.button.invert-position .icon+span{order:-1;padding:0 0 0 8px}.button.sm-border{padding:4px}.button .icon{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;border-radius:100%;padding:8px;min-height:40px;min-width:40px;background:#fefefe}.button .icon+span{padding:0 8px 0 0}.button span{font-weight:700;font-size:1rem;color:#fefefe}@media only screen and (min-width:1200px){.button span{font-size:1.125rem}}