/* PRESET QTY TICKETS */

.quantity,
.single_add_to_cart_button {
    width: -webkit-fill-available;
}

.quantity-buttons {
    display: grid;
    justify-content: space-between;
    margin-bottom: var(--space-xs);
    gap: var(--grid-gap);
}
.quantity-button:hover {
    background: var(--base-hover);
}
button.quantity-button {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--base);
    color: var(--accent);
    padding: var(--space-xs);
    border: solid 2px var(--action-ultra-dark);
    cursor: pointer;
}

.quantity-buttons {
    grid-template-columns: repeat(2, 1fr);
}
p.button-ticket-label {
    font-size: var(--text-s);
    text-transform: uppercase;
}
.button-wrapper {
    position: relative;
}
.quantity-button::before {
    content: "";
    height: 3rem;
    position: absolute;
    left: -1.9rem;
    background: #fff;
    border-radius: var(--radius-circle);
    aspect-ratio: 1/1;
}
.quantity-button::after {
    content: "";
    height: 3rem;
    position: absolute;
    right: -1.9rem;
    background: #fff;
    border-radius: var(--radius-circle);
    aspect-ratio: 1/1;
}
.overall-total-price {
    display: grid !important;
    grid-column-start: 1;
    grid-column-end: 3;
}

h3.button-total-price {
    margin-top: 0;
}

/* TICKET SLIDER */

.quantity-slider {
    width: 100%;
    margin-top: 20px;
}