.btn{align-items:center;background:transparent;border:none;box-sizing:border-box;color:var(--accent-color);cursor:pointer;display:inline-flex;height:auto;justify-content:center;position:relative;text-transform:uppercase;transition:var(--transition)}.btn-svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.btn-svg path{transition:var(--transition)}.btn span{white-space:nowrap}.btn--outline{--s:2rem;background-color:var(--accent-color);border-radius:.4rem;clip-path:polygon(0 0,calc(100% - var(--s)) 0,100% var(--s),100% 100%,var(--s) 100%,0 calc(100% - var(--s)));padding:.15rem}.btn--outline span{background-color:var(--main-bg-20);border-radius:inherit;clip-path:inherit;padding:1rem 3.5rem;transition:background-color .3s ease-in-out}.btn--outline:hover:not(:disabled){color:var(--main-bg-20)}.btn--outline:hover:not(:disabled) span{background-color:var(--accent-color)}@media (max-width:768px){.btn--outline{--s:20px;border-radius:4px;padding:1px}.btn--outline span{padding:10px 35px}}.btn--filled{min-width:27rem}.btn--filled span{padding:1.8rem 3.5rem;z-index:1}.btn--filled>svg{fill:transparent}@media (max-width:768px){.btn--filled{min-width:auto;width:-moz-max-content;width:max-content}.btn--filled span{padding:16px 46px}}.btn--filled:hover:not(:disabled){color:var(--main-bg-20)}.btn--filled:hover:not(:disabled) svg path:nth-child(3){fill:var(--accent-color)}.btn--default{color:var(--main-text-10);width:auto}.btn:disabled{cursor:not-allowed;opacity:.4}