.arrow-btn{width:fit-content;font-family:var(--font-unbounded);font-size:var(--text-base);white-space:nowrap;cursor:pointer;isolation:isolate;z-index:1;appearance:none;border:none;border-radius:28px;justify-content:center;align-items:center;gap:10px;padding:17px 36px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.arrow-btn>span:not(.arrow-btn__fill),.arrow-btn svg{z-index:1;position:relative}.arrow-btn__fill{z-index:0;pointer-events:none;border-radius:inherit;position:absolute;inset:0}.arrow-btn--primary{color:var(--dark-title-color);background-color:var(--primary-color)}.arrow-btn--primary .arrow-btn__fill{background-color:var(--white-color)}.arrow-btn--primary:hover{color:var(--dark-title-color)}.arrow-btn--dark{color:var(--white-color);background-color:var(--title-color)}.arrow-btn--dark .arrow-btn__fill{background-color:var(--primary-color2)}.arrow-btn--dark:hover{color:var(--dark-title-color)}.arrow-btn--outline{color:var(--white-color);background-color:#0000;border:1px solid #ffffff59}.arrow-btn--outline .arrow-btn__fill{background-color:var(--white-color)}.arrow-btn--outline:hover{color:var(--dark-title-color);border-color:var(--white-color)}.arrow-btn svg{fill:currentColor;transform-origin:50%;flex-shrink:0}