.secondary-button[data-v-f6fc66e3]{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.friends[data-v-f6fc66e3]{color:var(--white)}.secondary-button.friends .content[data-v-f6fc66e3] svg path{fill:unset}.secondary-button.small-padding[data-v-f6fc66e3]{cursor:default;padding:2px 10px}.secondary-button.small-padding[data-v-f6fc66e3]:before{left:0}.secondary-button.small-padding .content[data-v-f6fc66e3] svg{height:16px;width:16px}.secondary-button.small-button[data-v-f6fc66e3]{padding:10px}.secondary-button.light-bg[data-v-f6fc66e3]{background-color:var(--light-black)}.secondary-button.light-bg[data-v-f6fc66e3]:before{background:linear-gradient(300deg,var(--light-black) 52%,var(--primary-red) 65%,var(--light-black) 80%)}.secondary-button.light-bg[data-v-f6fc66e3]:after{background:var(--light-black)}.secondary-button.disabled[data-v-f6fc66e3],.secondary-button.is-loading[data-v-f6fc66e3]{pointer-events:none}.secondary-button.is-loading .content[data-v-f6fc66e3]{visibility:hidden}.secondary-button[data-v-f6fc66e3]:after,.secondary-button[data-v-f6fc66e3]:before{border-radius:6px;content:"";position:absolute}.secondary-button[data-v-f6fc66e3]: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-f6fc66e3]:after{background:var(--new-dark-black);height:calc(100% - 2px);width:calc(100% - 2px)}.secondary-button[data-v-f6fc66e3]:hover:before{left:0}.secondary-button .content[data-v-f6fc66e3]{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-f6fc66e3] svg{height:20px;margin-bottom:unset;width:20px}.secondary-button .content[data-v-f6fc66e3] svg path{fill:var(--primary-red);transition:all .2s}.secondary-button .content[data-v-f6fc66e3] svg.change-stroke path{fill:none;stroke:var(--primary-red)}.secondary-button .content[data-v-f6fc66e3] svg.is-liked path{fill:red!important;stroke:red!important}.secondary-button .content[data-v-f6fc66e3] svg.is-favorite path{fill:#fcb605!important;stroke:#fcb605!important}.secondary-button .loader[data-v-f6fc66e3]{animation:loader-spin-f6fc66e3 .7s linear infinite;border:2px solid var(--transp-white-30);border-radius:50%;border-top-color:var(--primary-red);height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px;z-index:3}.secondary-button.yellow-border[data-v-f6fc66e3]:before,.secondary-button.yellow[data-v-f6fc66e3]: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-f6fc66e3] svg path{fill:#c7c7c7}.secondary-button.yellow .content[data-v-f6fc66e3] svg.change-stroke path{fill:none;stroke:#c7c7c7}.secondary-button.white-color .content[data-v-f6fc66e3]{color:var(--transp-white-60)}.secondary-button.white-color .content[data-v-f6fc66e3] svg path{fill:var(--transp-white-60)}.secondary-button.white-color .content[data-v-f6fc66e3] svg.change-stroke path{fill:none;stroke:var(--transp-white-60)}.secondary-button.white-color:hover .content[data-v-f6fc66e3]{color:var(--white)}.secondary-button.white-color:hover .content[data-v-f6fc66e3] svg path{fill:var(--white)}.secondary-button.white-color:hover .content[data-v-f6fc66e3] svg.change-stroke path{fill:none;stroke:var(--white)}@keyframes loader-spin-f6fc66e3{to{transform:rotate(1turn)}}