.icon-container {
    display: flex;
    justify-content: center;
    align-content: center;
    background-color: var(--deepdrft-soft);
    border-radius: 50%;
    height: 60px;
    width: 60px;
    transition: background-color 1s ease-in-out;
}

.icon-container:hover {
    background-color: color-mix(var(--deepdrft-soft), var(--deepdrft-navy-mid) 25%);
}