/* Button component styles */

/* Base button styles */
.mse-new-button-primary,
.mse-new-button-secondary,
.mse-new-button-tertiary,
.mse-new-button-background,
.mse-new-button-evpb,
.mse-new-button-transparent-primary {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 10px 30px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 100px;
    font-family: 'Public Sans', 'Noto Sans', 'Open Sans', Helvetica, Arial, sans-serif;
    transition: all 0.3s ease-in-out;
    transform-origin: center;
}

/* Primary button (solid plum) */
.mse-new-button-primary {
    background-color: #79168b;
    color: #ffffff !important;
    border: 2px solid #79168b;
}

.mse-new-button-primary:hover {
    background-color: #ffffff;
    color: #79168b !important;
    border-color: #79168b;
    transform: scale(1.0625);
}

/* Secondary button (white with plum border) */
.mse-new-button-secondary {
    background-color: #ffffff;
    color: #79168b !important;
    border: 2px solid #79168b;
}

.mse-new-button-secondary:hover {
    background-color: #ffffff;
    color: #79168b !important;
    border-color: #79168b;
    transform: scale(1.0625);
}

/* Tertiary button (solid blue) */
.mse-new-button-tertiary {
    background-color: #0057b8;
    color: #ffffff !important;
    border: 2px solid #0057b8;
}

.mse-new-button-tertiary:hover {
    background-color: #ffffff;
    color: #0057b8 !important;
    border-color: #0057b8;
    transform: scale(1.0625);
}

/* Background button (dark blue with white border) */
.mse-new-button-background {
    background-color: #0A5087;
    color: #ffffff !important;
    border: 2px solid #ffffff;
}

.mse-new-button-background:hover {
    background-color: #1b4870;
    color: #ffffff !important;
    border-color: #ffffff;
    transform: scale(1.0625);
}

/* EVPB button (orange) */
.mse-new-button-evpb {
    background-color: #C4302B;
    color: #ffffff !important;
    border: 2px solid #C4302B;
}

.mse-new-button-evpb:hover {
    background-color: #C4302B;
    color: #ffffff !important;
    border-color: #ffffff;
    transform: scale(1.0625);
}

/* Transparent primary button (20% opacity white) */
.mse-new-button-transparent-primary {
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff !important;
    border: 2px solid #ffffff;
}

.mse-new-button-transparent-primary:hover {
    background-color: rgba(255, 255, 255, 0.5);
    color: #ffffff !important;
    border-color: #ffffff;
    transform: scale(1.0625);
}