.btn-plain{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:.8rem 1.8rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:100px;cursor:pointer;overflow:hidden;font:500 .85rem/1.2 var(--font-text);text-align:center;text-decoration:none;white-space:nowrap;transition:color .7s cubic-bezier(0.625, 0.05, 0, 1)}.btn-plain .btn__bg{position:absolute;top:0;left:0;z-index:-2;width:100%;height:100%;background:var(--btn-color);border-radius:inherit}.btn-plain .btn__circle-wrap{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}.btn-plain .btn__circle{position:absolute;top:-1px !important;bottom:-1px !important;left:0 !important;display:block;width:100% !important;height:auto !important;background:var(--btn-active-color);border-radius:100px;transform:scaleX(0);transform-origin:left center;transition:transform .7s cubic-bezier(0.625, 0.05, 0, 1),background-color .4s cubic-bezier(0.625, 0.05, 0, 1);pointer-events:none}.btn-plain .btn__circle .before__100{display:block;padding:100% 0 0}.btn-plain:hover .btn__circle{border-radius:0;transform:scaleX(1)}.btn-plain--plain{--btn-color: var(--color-black);--btn-text-color: var(--color-white);--btn-active-color: var(--color-brand-1);--btn-active-text-color: var(--color-white);color:var(--btn-text-color)}.btn-plain--plain:hover,.btn-plain--plain:focus{color:var(--btn-active-text-color)}.btn-plain--plain.btn-plain--black{--btn-color: var(--color-black);--btn-text-color: var(--color-white)}.btn-plain--plain.btn-plain--white{--btn-color: var(--color-white);--btn-text-color: var(--color-black);--btn-active-color: var(--color-black);--btn-active-text-color: var(--color-white)}.btn-plain--plain.btn-plain--white:focus{color:var(--color-black)}.btn-plain--plain.btn-plain--white:focus:hover{color:var(--color-white)}.btn-plain--mgr5{margin-right:.5rem}.btn-plain--plain.btn-plain--red{--btn-color: var(--color-brand-1);--btn-text-color: var(--color-white);--btn-active-color: var(--color-black);--btn-active-text-color: var(--color-white)}.btn-plain--outline{--btn-color: var(--color-black);--btn-text-color: var(--color-black);--btn-active-color: var(--color-black);--btn-active-text-color: var(--color-white);background:rgba(0,0,0,0);border:2px solid var(--btn-color);color:var(--btn-text-color)}.btn-plain--outline .btn__bg{background:rgba(0,0,0,0)}.btn-plain--outline:hover,.btn-plain--outline:focus{border-color:var(--btn-active-color);color:var(--btn-active-text-color)}.btn-plain--outline.btn-plain--black{--btn-color: var(--color-black);--btn-text-color: var(--color-black);--btn-active-color: var(--color-black);--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-black)}.btn-plain--outline.btn-plain--red{--btn-color: var(--color-brand-1);--btn-text-color: var(--color-black);--btn-active-color: var(--color-brand-1);--btn-active-text-color: var(--color-white)}.btn-plain img,.btn-plain svg{width:auto;max-width:24px;height:auto;max-height:24px}