:root {
    --primary-color: #0D6EFD;
    --secondary-color: #6C757D;
    --success-color: #198754;
    --danger-color: #DC3545;
    --warning-color: #FFC107;
    --info-color: #0DCAF0;
    --light: #ffffff;
    --dark: #212529;
}

.movie__button {
    padding: 1.2rem 2rem 1.2rem 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    border: none;
    border-radius: 5px;
    color: rgb(224, 103, 124);
    background-color: white;
    box-shadow: 0px 0px 21px -3px rgba(255,255,255,0.56);
}

.movie__button:hover {
    color: rgb(255, 255, 255);
    background-color: pink;
}



.movie__button_add {
    display: flex;
    align-items: center;
    width: 3rem;
    height: 3rem;
    aspect-ratio: 1/1;
    margin: 0rem 10rem;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background-color: rgb(224, 103, 124);
}

.movie__button_add:hover {
    background-color: pink;
}



.movie__button_add_heart {
    scale: 0.8;
    fill: white;
}

.movie__button_add_heart:active {
    scale: 0.6;
    fill: rgb(224, 103, 124);
}