/*
 * Job detail page (Partials/Job/Single.html): round back button left of the white card (designer's draft),
 * on small screens inside the card at the top left.
 */
.c-jobdetail {
    position: relative;
}

.c-jobdetail__back {
    position: absolute;
    top: 1rem;
    left: -3.75rem;
    display: block;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    background: #f2f2f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10.5 2.5 5 8l5.5 5.5' fill='none' stroke='%231a1a1a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 1rem;
    transition: background-color .15s ease;
}

/* hover: red with white arrow */
.c-jobdetail__back:hover,
.c-jobdetail__back:focus-visible {
    background-color: #e40422;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10.5 2.5 5 8l5.5 5.5' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (max-width: 991.98px) {
    .c-jobdetail__back {
        top: 1rem;
        left: 1rem;
    }
}