/* ================================
   Button container
   ================================= */
.suredrop-drop-btn-container {
    display: flex;
    justify-content: center; /* centers horizontally */
    align-items: center;     /* centers vertically if container has height */
    margin: 1em 0;           /* spacing around container */
}

/* ================================
   Button
   ================================= */
.suredrop-drop-btn {
    display: inline-block;
    padding: 0.4em 1em;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none !important;
    font-size: 1.2rem;
    color: var(--suredrop-btn-text-color);
    background-color: var(--suredrop-btn-bg-color);
    border-radius: 8px;
    margin: 10px 0;
}

/* Inherit font size when inside header */
.site-header .suredrop-drop-btn {
    font-size: inherit; /* inherits from header */
}

.suredrop-drop-btn:hover {
  filter: brightness(75%);
  transform: scale(1.05); /* subtle zoom in */
  color: var(--suredrop-btn-text-color);
}

/* ================================
   Ended drop CTA
   ================================= */
.suredrop-cta-btn-container.ended {
    text-align: center;
    margin: 10px 0;
}
.suredrop-ended-cta-btn {
    color: inherit;
}