.button--primary {
    background-color: rgba(255, 255, 255, 10%);
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: initial;
}

@media (min-width: 768px) {
    .button--primary {
        padding: 17.5px 32px;
    }
}

.button--arrow {
    position: relative;
    padding-right: 50px;
}

.button--arrow::after {
    content: '';
    display: block;
    position: absolute;
    right: 10px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjI5MjcgMjUuNzA3NkMxNy4xOTk3IDI1LjYxNDcgMTcuMTI2IDI1LjUwNDQgMTcuMDc1NiAyNS4zODNDMTcuMDI1MyAyNS4yNjE2IDE2Ljk5OTQgMjUuMTMxNSAxNi45OTk0IDI1LjAwMDFDMTYuOTk5NCAyNC44Njg3IDE3LjAyNTMgMjQuNzM4NSAxNy4wNzU2IDI0LjYxNzFDMTcuMTI2IDI0LjQ5NTcgMTcuMTk5NyAyNC4zODU0IDE3LjI5MjcgMjQuMjkyNkwyNC41ODY0IDE3LjAwMDFMNS4wMDAxOSAxNy4wMDAxQzQuNzM0OTcgMTcuMDAwMSA0LjQ4MDYyIDE2Ljg5NDcgNC4yOTMwOCAxNi43MDcyQzQuMTA1NTUgMTYuNTE5NiA0LjAwMDE5IDE2LjI2NTMgNC4wMDAxOSAxNi4wMDAxQzQuMDAwMTkgMTUuNzM0OCA0LjEwNTU1IDE1LjQ4MDUgNC4yOTMwOCAxNS4yOTNDNC40ODA2MiAxNS4xMDU0IDQuNzM0OTcgMTUuMDAwMSA1LjAwMDE5IDE1LjAwMDFMMjQuNTg2NCAxNS4wMDAxTDE3LjI5MjcgNy43MDc1N0MxNy4xMDUgNy41MTk5MyAxNi45OTk2IDcuMjY1NDMgMTYuOTk5NiA3LjAwMDA3QzE2Ljk5OTYgNi43MzQ3IDE3LjEwNSA2LjQ4MDIxIDE3LjI5MjcgNi4yOTI1N0MxNy40ODAzIDYuMTA0OTMgMTcuNzM0OCA1Ljk5OTUxIDE4LjAwMDIgNS45OTk1MUMxOC4yNjU2IDUuOTk5NTEgMTguNTIwMSA2LjEwNDkzIDE4LjcwNzcgNi4yOTI1N0wyNy43MDc3IDE1LjI5MjZDMjcuODAwNyAxNS4zODU0IDI3Ljg3NDQgMTUuNDk1NyAyNy45MjQ3IDE1LjYxNzFDMjcuOTc1MSAxNS43Mzg1IDI4LjAwMSAxNS44Njg3IDI4LjAwMSAxNi4wMDAxQzI4LjAwMSAxNi4xMzE1IDI3Ljk3NTEgMTYuMjYxNiAyNy45MjQ3IDE2LjM4M0MyNy44NzQ0IDE2LjUwNDQgMjcuODAwNyAxNi42MTQ3IDI3LjcwNzcgMTYuNzA3NkwxOC43MDc3IDI1LjcwNzZDMTguNjE0OCAyNS44MDA1IDE4LjUwNDUgMjUuODc0MyAxOC4zODMxIDI1LjkyNDZDMTguMjYxNyAyNS45NzUgMTguMTMxNiAyNi4wMDA5IDE4LjAwMDIgMjYuMDAwOUMxNy44Njg4IDI2LjAwMDkgMTcuNzM4NiAyNS45NzUgMTcuNjE3MiAyNS45MjQ2QzE3LjQ5NTkgMjUuODc0MyAxNy4zODU2IDI1LjgwMDUgMTcuMjkyNyAyNS43MDc2WiIgZmlsbD0iI0Y4RjhGOCIvPgo8L3N2Zz4K");
    height: 32px;
    width: 32px;
    top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 768px) {
    .button--arrow {
        padding-right: 75px;
    }
    
    .button--arrow::after {
        right: 15px;
    }
}

.cs-highlight::after {
    content: '';
    background: linear-gradient(#FF0E69, #FF6726);
    width: 92px;
    height: 6px;
    display: block;
    border-radius: 10px;
    margin-top: 8px;
    transition: 0.35s;
    max-width: 100%;
}

.cs-highlight:hover::after {
    width: 184px;
}