/* Button base styles in editor */
.wp-block-uthsc-button a.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: 0.85em 1em;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    color: #fefefe;
}

/* Colors taken from foundation/uthsc brand colors */
.wp-block-uthsc-button a.button,
.wp-block-uthsc-button a.button.primary {
    background-color: #115740;
}

.wp-block-uthsc-button a.button.secondary {
    background-color: #939598;
}

.wp-block-uthsc-button a.button.success {
    background-color: #00965e;
}

.wp-block-uthsc-button a.button.alert {
    background-color: #b94700;
}

.wp-block-uthsc-button a.button.warning {
    background-color: #F3B13E;

}

/* Hollow button variants */
.wp-block-uthsc-button a.button.hollow {
    background-color: transparent;
    border-width: 2px;
}

.wp-block-uthsc-button a.button.hollow,
.wp-block-uthsc-button a.button.hollow.primary {
    border:2px solid #115740;
    color: #115740;
}

.wp-block-uthsc-button a.button.hollow.secondary {
    border: 1px solid #939598;
    color: #939598;
}

.wp-block-uthsc-button a.button.hollow.success {
    border: 1px solid #00965e;
    color: #00965e;
}

.wp-block-uthsc-button a.button.hollow.alert {
    border-color: #b94700;
    color: #b94700;
}

.wp-block-uthsc-button a.button.hollow.warning {
    border-color: #F3B13E;
    color: #F3B13E;
}

/* Size options */
.wp-block-uthsc-button a.button.tiny {
    font-size: 0.6rem !important;
    padding: 0.75em 1em !important;
}
.wp-block-uthsc-button a.button.small {
    font-size: 0.75rem !important;
    padding: 0.8em 1em !important;
}
.wp-block-uthsc-button a.button.large {
    font-size: 1.25rem !important;
    padding: 0.9em 1.25em !important;
}

/* Expanded (full width) */
.wp-block-uthsc-button a.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

/* Disabled */
.wp-block-uthsc-button a.button.disabled {
    opacity: 0.25;
    cursor: not-allowed;
}

/* Alignment for button-group wrapper (from previous) */
.wp-block-uthsc-button {
    display: flex;
    flex-wrap: wrap;
}
.wp-block-uthsc-button.align-center {
    justify-content: center;
}
.wp-block-uthsc-button.align-right {
    justify-content: flex-end;
}

/* Optional float clears for older alignments */
.wp-block-uthsc-button.alignleft {
    float: left;
}
.wp-block-uthsc-button.alignright {
    float: right;
}
.wp-block-uthsc-button.aligncenter {
    margin-left: auto;
    margin-right: auto;
    clear: both;
}