.button{width:100%;font-size:14px;line-height:22px;font-weight:600;padding:5px 10px;color:#171a1f;background:#fff;opacity:1;border:none;border-radius:8px;font-family:Inter;display:flex;justify-content:center;align-items:center;cursor:pointer;gap:10px;transition:.4s}.button:hover .icon{transform:translate(2px)}.button.left-icon{flex-direction:row-reverse}.button.left-icon:hover .icon{transform:translate(-2px)}.button.primary{border:1px solid var(--primary-white-color);background-color:var(--primary-white-color);position:relative;overflow:hidden;transition:.3s}.button.primary:disabled{border:1px solid rgba(0,0,0,0);background-color:var(--thirdy-white-color);color:var(--disabled-text-color,#a0a0a0);pointer-events:none;opacity:.9}.button.primary:disabled .icon svg{fill:var(--thirdy-white-color)}.button.primary:hover{letter-spacing:1px}.button .icon{transition:.3s;display:flex;justify-content:center;align-items:center;width:16px;height:16px}.button .icon svg{width:100%;height:100%}.gallery-card{position:relative;overflow:hidden}.gallery-card__button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;z-index:1;transition:opacity .5s ease,visibility .5s ease,letter-spacing .6s ease;transition-delay:0s}.gallery-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:rgba(42,42,42,.3);transition:.3s}.gallery-card.hover:hover:after{left:0}.gallery-card.hover:hover .gallery-card__button{opacity:1;visibility:visible;transition-delay:.1s;letter-spacing:1px}