/* BUTTONS */
:root {
	--gold: #B5A978; /* gold */
	--gold-light: #F2D06B;
	--gold-deep: #A8841F;
	
	--black: #0B0B0D; /* black */
	--black2: #151518;
	--black-card: #1E1E22; 
	
	--white: #ffffff; /* white */
	--white-soft: #EDEDED;
	
	--gray-light: #C9C9C9; /* gray */
	--gray-muted: #A6A6A6; 
	--gray-dark: #2C2C30; 
	/* color: var(--primary-color); */
}

/* BTN Global */
button {
	border-radius: 999px;
}
.btn:active {
    transform: translateY(0px);
}
.btn-icon {
	width: 20px;
	height: 20px;
	color: currentColor;
}
.btn:hover .btn-icon {
	transform: translateX(3px);
	transition: 0.3s ease;
}

/* Get tickets */
.btn-ticket {
    background: var(--gold);
    color: var(--black);

    padding: 12px 24px;
    border: none;

    font-weight: 600;
    font-size: 1rem;

    cursor: pointer;

    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    letter-spacing: 0.3px;
	transform: translateY(0);
}
.btn-ticket:hover {
    background: var(--white);
    color: var(--gold);
    /*transform: translateY(-2px);*/
	/*box-shadow: 0 8px 20px rgba(212, 175, 55, 0.25);*/
}

/* Aftermovie */
.btn-aftermovie {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	padding: 12px 24px;

	border: 2px solid var(--gold);
	background: transparent;
	color: var(--gold);

	cursor: pointer;
	transition: 0.3s ease;

	font-size: 16px;
}
.btn-aftermovie:hover {
	background: var(--gold);
	color: var(--black);
}

/* Get your pass now */
.btn-stat {
	background: var(--gold);
    color: var(--black);

    padding: 12px 24px;
    border: none;

    font-weight: 600;
    font-size: 1rem;

    cursor: pointer;

    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    letter-spacing: 0.3px;
	transform: translateY(0);
}

.btn-stat:hover {
	background: var(--white);
    color: var(--gold);
}