.filled-btn{background-color:var(--primary-color);color:var(--secondary-color)}.filled-btn,.outline-btn{display:flex;align-items:center;gap:15px;outline:none;border:1px solid var(--primary-color);padding:8px 8px 8px 15px;border-radius:var(--border-radius2);cursor:pointer;font-weight:var(--bold-font-weight);font-size:var(--default-p-size)}.outline-btn{background-color:var(--secondary-color);color:var(--text-dark)}.filled-btn span{background-color:var(--secondary-color)}.filled-btn span,.outline-btn span{border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.outline-btn span{background-color:var(--primary-color)}.filled-btn span svg{color:var(--text-dark)}.filled-btn span svg,.outline-btn span svg{transform:rotate(-45deg);transition:transform .3s ease;flex-shrink:0}.filled-btn:hover span svg,.outline-btn span svg{color:var(--secondary-color)}.filled-btn:hover span svg{transform:rotate(0deg)}.outline-btn:hover span svg{transform:rotate(0deg);color:var(--text-dark)}.filled-btn:hover{background-color:var(--secondary-color);color:var(--text-dark)}.filled-btn:hover span,.outline-btn:hover{background-color:var(--primary-color);color:var(--secondary-color)}.outline-btn:hover span{background-color:var(--secondary-color)}@media (max-width:900px){.filled-btn,.outline-btn{padding:6px 6px 6px 12px;font-size:10px}.filled-btn span,.outline-btn span{width:20px;height:20px}}