.alara-social {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.alara-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    color: inherit;
    text-decoration: none;
    opacity: 0.78;
    transition: opacity 0.15s ease, background 0.15s ease, transform 0.15s ease, color 0.15s ease;
}
.alara-social a:hover {
    opacity: 1;
    transform: translateY(-1px);
}
.alara-social svg {
    width: 16px;
    height: 16px;
    display: block;
}
.alara-social--light a {
    background: rgba(58, 20, 37, 0.06);
    color: #3A1425;
}
.alara-social--light a:hover {
    background: rgba(214, 51, 108, 0.12);
    color: #D6336C;
}
.alara-social--dark a {
    background: rgba(255, 236, 230, 0.06);
    color: #eceae8;
}
.alara-social--dark a:hover {
    background: rgba(236, 72, 153, 0.16);
    color: #f472b6;
}