.button{padding:10px 25px;background:var(--color1);color:#fff;text-transform:uppercase;font-weight:600;font-size:clamp(10px,2vw,12px);letter-spacing:1px;transition:all .5s;border:2px solid var(--color1);display:flex;align-items:center;flex-wrap:wrap;border-radius:2px}.button:hover{background:#fff;color:var(--color1)}.button.button-icon{padding:0;background-color:var(--color2);border-color:var(--color2);position:relative}.button.button-icon[data-label]:after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--color2);color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;padding:5px 10px;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.button.button-icon[data-label]:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.button.button-icon:hover{background:transparent;color:var(--color2)}.button.button-icon.whatsapp .icon{padding:2px}.button.button-icon .icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;padding:7px}.button.button-icon .icon svg{width:100%;height:100%}.button.button-icon span.btn-name{display:none}