.btn-plain{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:.7rem 1.6rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:54px;cursor:pointer;font:400 1rem/1.2 var(--font-text);text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:.3s linear;transition-property:border,background,color}@media only screen and (max-width: 1080px){.btn-plain{padding:.7rem 1.2rem;font-size:1rem}}.btn-plain--sm{padding:.55em 1em;font-size:12px}.btn-plain--plain{--btn-color: var(--color-brand-1);--btn-text-color: var(--color-white);--btn-active-color: var(--color-brand-1);--btn-active-text-color: var(--color-brand-1);background:var(--btn-color);border:1px solid var(--btn-color);color:var(--btn-text-color)}.btn-plain--plain:hover,.btn-plain--plain:focus{background:rgba(0,0,0,0);border-color:var(--btn-active-color);color:var(--btn-active-text-color)}.btn-plain--plain.btn-plain--black{--btn-color: var(--color-brand-1);--btn-text-color: var(--color-white);--btn-active-color: var(--color-brand-1);--btn-active-text-color: var(--color-brand-1)}.btn-plain--plain.btn-plain--white{--btn-color: var(--color-white);--btn-text-color: var(--color-brand-1);--btn-active-color: var(--color-white);--btn-active-text-color: var(--color-white)}.btn-plain--outline{--btn-color: var(--color-brand-1);--btn-text-color: var(--color-brand-1);--btn-active-color: var(--color-white);--btn-active-text-color: var(--color-white);background:rgba(0,0,0,0);border:1px solid var(--btn-color);color:var(--btn-text-color)}.btn-plain--outline:hover,.btn-plain--outline:focus{background:var(--btn-color);border-color:var(--btn-active-color);color:var(--btn-active-text-color)}.btn-plain--outline.btn-plain--black{--btn-color: var(--color-brand-1);--btn-text-color: var(--color-brand-1);--btn-active-color: var(--color-brand-1);--btn-active-text-color: var(--color-white)}.btn-plain--outline.btn-plain--white{--btn-color: var(--color-white);--btn-text-color: var(--color-white);--btn-active-color: var(--color-white);--btn-active-text-color: var(--color-brand-1)}.btn-plain img,.btn-plain svg{width:auto;max-width:24px;height:auto;max-height:24px}.btn-plain:before,.btn-plain:after{position:absolute;top:-6px;left:22px;z-index:1;width:calc(100% - 44px);height:1px;background:var(--btn-color);transition:all .3s ease-in-out;content:""}.btn-plain:after{top:auto;bottom:-6px}.btn-plain:hover:before,.btn-plain:hover:after,.btn-plain:focus:before,.btn-plain:focus:after{transform:scale(0.5, 1)}
