");
background-repeat: no-repeat;
background-position: bottom center;
}
.fh-link-button > svg:last-of-type {
display: none !important;
}
.fh-link-button {
background: white;
border: 2px solid var(--cream);
border-radius: 24px;
color: var(--coffee-dark);
margin-bottom: 16px;
padding: 1.2rem;
font-weight: 700;
transition: all 0.3s ease;
box-shadow: 0 8px 24px var(--btn-shadow);
display: flex;
align-items: center;
position: relative;
overflow: hidden;
flex-wrap: wrap;
}
.fh-link-button:hover {
transform: translateY(-4px);
border-color: var(--caramel);
box-shadow: 0 12px 32px rgba(212, 163, 115, 0.2);
}
.fh-link-primary {
background: var(--caramel);
color: white;
border-color: var(--caramel);
}
.fh-link-primary:hover {
background: #c38f5a;
border-color: #c38f5a;
}
.fh-link-button:has(iframe) {
padding: 0 !important;
}
.fh-link-button iframe {
width: 100% !important;
min-height: 220px;
border-radius: 22px 22px 0 0 !important;
display: block;
border: none;
border-bottom: 2px solid var(--cream);
}
.fh-link-button:has(img) {
flex-direction: column;
padding: 0 !important;
}
.fh-link-button:has(img) > :first-child {
width: 100% !important;
margin: 0 !important;
border-radius: 22px 22px 0 0 !important;
border-bottom: 2px solid var(--cream);
}
.fh-link-button:has(img) img {
width: 100% !important;
height: auto;
display: block;
object-fit: cover;
}
.fh-link-button:has(img) .fh-link-label {
width: 100%;
text-align: center;
padding: 1.2rem;
}
.fh-avatar {
border: 4px solid white;
box-shadow: 0 8px 24px var(--btn-shadow);
}
.fh-display-name {
font-family: 'Chakra Petch', sans-serif;
color: var(--coffee-dark);
font-weight: 700;
letter-spacing: 1px;
}
