.secondary-button[data-v-3517f69c]{align-items:center;background-color:var(--new-dark-black);border-radius:6px;color:var(--primary-red);display:flex;gap:5px;justify-content:center;overflow:hidden;padding:10px 13px;position:relative;z-index:1}.secondary-button.small-padding[data-v-3517f69c]{cursor:default;padding:2px 10px}.secondary-button.small-padding[data-v-3517f69c]:before{left:0}.secondary-button.small-padding .content[data-v-3517f69c] svg{height:16px;width:16px}.secondary-button.small-button[data-v-3517f69c]{padding:10px}.secondary-button.light-bg[data-v-3517f69c]{background-color:var(--light-black)}.secondary-button.light-bg[data-v-3517f69c]:before{background:linear-gradient(300deg,var(--light-black) 52%,var(--primary-red) 65%,var(--light-black) 80%)}.secondary-button.light-bg[data-v-3517f69c]:after{background:var(--light-black)}.secondary-button.disabled[data-v-3517f69c]{pointer-events:none}.secondary-button[data-v-3517f69c]:after,.secondary-button[data-v-3517f69c]:before{border-radius:6px;content:"";position:absolute}.secondary-button[data-v-3517f69c]:before{background:linear-gradient(300deg,var(--new-dark-black) 52%,var(--primary-red) 65%,var(--new-dark-black) 80%);height:100%;left:100%;transition:left .2s;width:100%}.secondary-button[data-v-3517f69c]:after{background:var(--new-dark-black);height:calc(100% - 2px);width:calc(100% - 2px)}.secondary-button[data-v-3517f69c]:hover:before{left:0}.secondary-button .content[data-v-3517f69c]{align-items:center;display:flex;font-size:14px;font-weight:500;gap:5px;justify-content:center;transition:all .2s;z-index:2}.secondary-button .content[data-v-3517f69c] svg{height:20px;margin-bottom:unset;width:20px}.secondary-button .content[data-v-3517f69c] svg path{fill:var(--primary-red);transition:all .2s}.secondary-button .content[data-v-3517f69c] svg.change-stroke path{fill:none;stroke:var(--primary-red)}.secondary-button .content[data-v-3517f69c] svg.is-liked path{fill:red!important;stroke:red!important}.secondary-button.yellow-border[data-v-3517f69c]:before,.secondary-button.yellow[data-v-3517f69c]:before{background:linear-gradient(300deg,var(--new-dark-black) 52%,var(--primary-yellow) 65%,var(--new-dark-black) 80%)}.secondary-button.yellow .content[data-v-3517f69c] svg path{fill:#c7c7c7}.secondary-button.yellow .content[data-v-3517f69c] svg.change-stroke path{fill:none;stroke:#c7c7c7}.secondary-button.white-color .content[data-v-3517f69c]{color:var(--transp-white-60)}.secondary-button.white-color .content[data-v-3517f69c] svg path{fill:var(--transp-white-60)}.secondary-button.white-color .content[data-v-3517f69c] svg.change-stroke path{fill:none;stroke:var(--transp-white-60)}.secondary-button.white-color:hover .content[data-v-3517f69c]{color:var(--white)}.secondary-button.white-color:hover .content[data-v-3517f69c] svg path{fill:var(--white)}.secondary-button.white-color:hover .content[data-v-3517f69c] svg.change-stroke path{fill:none;stroke:var(--white)}