/* CONTACT */

.fhd-contact-card {
 width: 100%;
}

.fhd-contact-status {
 padding: 4px 7px;
 color: #18150d;
 font-size: 7px;
 font-weight: bold;
 letter-spacing: .5px;
 background: linear-gradient(145deg, #ffe175, #ffad29);
 border-radius: 6px;
}

.fhd-contact-intro {
 padding: 4px 5px 13px;
 text-align: center;
}

.fhd-contact-icon {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 42px;
 height: 42px;
 margin: 0 auto 9px;
 color: #171713;
 font-size: 21px;
 font-weight: bold;
 background: linear-gradient(145deg, #ffe175, #ffb22e);
 border-radius: 50%;
 box-shadow: 0 6px 16px rgba(255,174,40,.2);
}

.fhd-contact-intro h3 {
 margin: 0 0 7px;
 color: #fff;
 font-size: 14px;
}

.fhd-contact-intro p {
 margin: 0;
 color: #91948d;
 font-size: 10px;
 line-height: 1.6;
}

.fhd-contact-intro p strong {
 color: #fff;
}

.fhd-contact-intro p strong span {
 color: #ffb22e;
}

.fhd-contact-options {
 padding: 9px 10px;
 margin-bottom: 11px;
 background: rgba(255,255,255,.025);
 border: 1px solid rgba(255,184,36,.13);
 border-radius: 9px;
}

.fhd-contact-option {
 display: flex;
 align-items: center;
 gap: 7px;
 padding: 5px 0;
 color: #b8bab4;
 font-size: 9px;
}

.fhd-contact-option span {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 16px;
 height: 16px;
 color: #171713;
 font-size: 9px;
 font-weight: bold;
 background: #4bda78;
 border-radius: 50%;
}

.fhd-contact-button {
 display: flex;
 align-items: center;
 gap: 10px;
 padding: 10px;
 color: #18150d;
 text-decoration: none;
 background: linear-gradient(145deg, #ffe175, #ffad29);
 border-radius: 10px;
 box-shadow: 0 8px 18px rgba(255,154,30,.18);
 transition: .2s ease;
}

.fhd-contact-button:hover {
 color: #18150d;
 transform: translateY(-2px);
 box-shadow: 0 10px 22px rgba(255,154,30,.28);
}

.fhd-contact-button-icon {
 display: flex;
 align-items: center;
 justify-content: center;
 flex: 0 0 31px;
 width: 31px;
 height: 31px;
 font-size: 15px;
 background: rgba(255,255,255,.28);
 border-radius: 8px;
}

.fhd-contact-button-text {
 flex: 1;
}

.fhd-contact-button-text strong,
.fhd-contact-button-text small {
 display: block;
}

.fhd-contact-button-text strong {
 font-size: 11px;
}

.fhd-contact-button-text small {
 margin-top: 2px;
 font-size: 8px;
 opacity: .7;
}

.fhd-contact-button-arrow {
 font-size: 17px;
 font-weight: bold;
}