@media (min-width: 48rem) {
    .field--name-field-hospital-link,
    .field--name-field-professional-link,
    .field--name-field-patient-link {
        margin-left: 30px;
        margin-top: 50px;
        margin-right: 30px;
    }
    .field--name-field-hospital-link .field--item,
    .field--name-field-professional-link .field--item,
    .field--name-field-patient-link .field--item {
        background-color: var(--c-gray);
        position: relative;
        opacity: 0.8;
        padding: 10px 35px 10px 10px;
        width: 100%;
        margin-bottom: 5px;
    }
    .field--name-field-hospital-link a,
    .field--name-field-professional-link a,
    .field--name-field-patient-link a {
        font-family: Raleway;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71;
        letter-spacing: normal;
        color: var(--c-black);
        text-decoration: none;
        text-transform: uppercase;
    }
    .field--name-field-hospital-link .field--item:after,
    .field--name-field-professional-link .field--item:after,
    .field--name-field-patient-link .field--item:after {
        position: absolute;
        right: 10px;
        color: var(--c-white);
        content: url("../../images/right-arrow.svg");
        top: 11px;
    }
    .field--name-field-hospital-title, .field--name-field-patient-title, .field--name-field-professional-title {
        position: absolute;
        bottom: -40px;
        left: z0;
        color: var(--c-white);
        transform-origin: left top 10;
        font-size: 4.7rem;
        font-weight: normal;
        white-space: nowrap;
        text-transform: uppercase;
    }
}

@media (max-width: 47.9375rem) {
    article.home > .content .hospital_block, article.home > .content .patient_block, article.home > .content .professional_block {
        min-height: 300px;
    }
    article.home > .content .field--name-field-hospital-title, article.home > .content .field--name-field-patient-title, article.home > .content .field--name-field-professional-title {
        position: absolute;
        bottom: 10px;
        left: 0;
        transform: initial;
        font-weight: normal;
        white-space: nowrap;
        text-transform: uppercase;
        margin-left: 25px;
        object-fit: contain;
        font-family: Raleway;
        font-size: 30px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: var(--c-white);
    }
    .field--name-field-hospital-link,
    .field--name-field-professional-link,
    .field--name-field-patient-link {
        margin-left: 30px;
        margin-top: 50px;
        margin-right: 30px;
    }
    .field--name-field-hospital-link .field--item,
    .field--name-field-professional-link .field--item,
    .field--name-field-patient-link .field--item {
        background-color: var(--c-gray);
        position: relative;
        opacity: 0.8;
        padding: 10px;
        width: 100%;
        margin-bottom: 5px;
        height: 40px;
    }
    .field--name-field-hospital-link a,
    .field--name-field-professional-link a,
    .field--name-field-patient-link a {
        font-family: Raleway;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71;
        letter-spacing: normal;
        color:  var(--c-black);
        text-decoration: none;
        text-transform: uppercase;
    }
    .field--name-field-hospital-link .field--item:after,
    .field--name-field-professional-link .field--item:after,
    .field--name-field-patient-link .field--item:after {
        position: absolute;
        right: 10px;
        color: var(--c-white);
        content: url("../../images/right-arrow.svg");
    }
}

.field--name-field-hospital-link a:hover {
    text-decoration: none !important;
}

.field--name-field-hospital-link .field--item:hover {
    background-color: var(--c-primary);
    opacity: 0.8;
    color: var(--c-white);
    text-decoration: none;
}

.field--name-field-professional-link a:hover {
    text-decoration: none !important;
}

.field--name-field-professional-link .field--item:hover {
    background-color: var(--c-primary);
    opacity: 0.8;
    color: var(--c-white);
}

.field--name-field-patient-link a:hover {
    text-decoration: none !important;
}

.field--name-field-patient-link .field--item:hover {
    background-color: var(--c-primary);
    opacity: 0.8;
    color: var(--c-white);
}