/**
 * @file
 * Visual styles for icons.
 */

span.icon-mail,
span.icon-phone {
    display: flex;
    padding: 8px 0;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: #fff;
}

span.icon-mail:hover,
span.icon-phone:hover {
  text-decoration: underline;
}

span.icon-mail::before {
    display: block;
    content: '';
    width: 43px;
    height: 43px;
    background-image: url('../../images/icons/icon-mail.svg');
}


span.icon-phone::before {
    display: block;
    content: '';
    width: 43px;
    height: 43px;
    background-image: url('../../images/icons/icon-phone.svg');
}