.button__main{display:flex;align-items:center;justify-content:center;color:#ffffff;cursor:pointer;border:none;outline:none;font-size:15px;font-weight:700;position:relative;text-transform:capitalize;letter-spacing:.5px;transition:all .3s ease-in-out;background-size:200% auto;background-position:50%;border-radius:var(--border-radius)}.button__main:disabled{opacity:.6}.button__main:hover{background-position:100%}.button__main:disabled:hover{opacity:.6}.button__loader{display:block;margin:20px auto;position:relative;color:#fff;animation:animloader .6s linear .6s infinite alternate}.button__loader,.button__loader:after,.button__loader:before{width:6px;height:20px;border-radius:4px;background:currentColor;box-sizing:border-box}.button__loader:after,.button__loader:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:20px;animation:animloader .6s linear .9s infinite alternate}.button__loader:before{left:-20px;animation-delay:0s}@keyframes animloader{0%{height:20px}to{height:4px}}@media (max-width:600px){.button__main{height:52px}}