.go-back {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    padding-left: 18px;
    border-radius: 3rem;
    background-color: rgba(255, 255, 255, 0.2);
    color: var(--color-text-light);
    margin-bottom: 30px;
    transition: background-color 0.3s ease;
    font-size: 16px;

    &:before {
        content: '';
        width: 14.71px;
        height: 10.71px;
        margin-right: 8px;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='15px' height='11px' viewbox='0 0 15 11' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L5 5L0 10' transform='matrix(-1 -8.742278E-08 8.742278E-08 -1 5.5 10.5)' id='Stroke-1' fill='none' fill-rule='evenodd' stroke='%23FFFFFF' stroke-width='1' /%3E%3Cpath d='M0 0.170732C0 0.170732 14 0.170732 14 0.170732' transform='matrix(-1 -8.742278E-08 8.742278E-08 -1 14.5 5.6706543)' id='Stroke-3' fill='none' fill-rule='evenodd' stroke='%23FFFFFF' stroke-width='1' /%3E%3C/svg%3E");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    &:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }
}