.mainBtn{background:var(--foreground);color:var(--text-extra);text-align:center;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:10px 24px;font-size:16px;font-weight:500;text-decoration:none;display:flex}.spareBtn{color:var(--text);cursor:pointer;text-transform:uppercase;background:0 0;border:none;font-size:16px;font-weight:500;transition-property:color;transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);position:relative}.spareBtn:focus,.spareBtn:hover{color:var(--text)}.spareBtn:focus:after,.spareBtn:hover:after{width:100%;left:0%}.spareBtn:after{content:"";pointer-events:none;background-color:var(--text);width:0%;height:2px;transition-property:width,left;transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);position:absolute;bottom:-2px;left:50%}@media (max-width:420px){.mainBtn{padding:10px 12px;font-size:14px;font-weight:500}}