#leaves .wrapper .link, #leaves .wrapper .link-text {
    background: #049BA6;
    min-height: 270px;
    justify-content: center;
    align-items: center;
    display: flex;
    color: #FFF;
    border: 2px solid #049BA6;
}

#leaves .radius-top-left {
    border-top-left-radius: 130px;
}

#leaves .radius-top-right {
    border-top-right-radius: 130px;
}

#leaves .radius-bottom-left {
    border-bottom-left-radius: 130px;
}

#leaves .radius-bottom-right {
    border-bottom-right-radius: 130px;
}

#leaves .link {
    color: var(--bs-secondary);
}

#leaves .link:hover {
    background: #F7F9FB;
    color: #049BA6;
}

#leaves .link:hover span {
    opacity: 1;
    visibility: visible;
}

#leaves .link:hover img {
    opacity: 0;
    visibility: hidden;
}

#leaves .link span {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

#leaves .link, #leaves .link img, #leaves .link span {
    transition: all ease-in-out 0.3s;
}

#leaves .link .hover-text {
    position: absolute;
    opacity: 0;
    padding: 1rem;
}

#leaves .link:hover .title:has(+ .hover-text) {
    opacity: 0;
}

#leaves .link:hover .hover-text {
    opacity: 1;
}

@media screen and (max-width: 1400px) {
    #leaves .container {
        max-width: 1400px;
    }

    #leaves .hover-text {
        font-size: 15px;
    }
}

@media screen and (max-width: 768px) {
    #leaves .hover-text {
        font-size: 14px;
    }
}