* {
    margin: auto;
    padding: auto;
    background-color: rgb(0, 0, 0);
}

.container {
    display: flex;
    
    justify-content: center;
    width: 40px;
    margin-top: 20vh;
    display: grid;
    column-gap: 10px 100px;
    grid-template-columns: auto auto auto;
    
}

.container > .btn {
    margin: 10px;
    padding: 10px;
    text-align: center;
  }


.btn {
        height: 120px;
        width: 120px;
        padding: 17px 20px;
        border-radius: 10px;
        border: 0;
        background-color: rgb(255, 56, 86);
        letter-spacing: 1.5px;
        font-size: 15px;
        transition: all 0.3s ease;
        box-shadow: rgb(201, 46, 70) 0px 10px 0px 0px;
        color: hsl(0, 0%, 100%);
        cursor: pointer;
  }

.btn:hover {
    box-shadow: rgb(201, 46, 70) 0px 7px 0px 0px;
  }
  
.btn:active {
    background-color: rgb(255, 56, 86);
    /*50, 168, 80*/
    box-shadow: rgb(201, 46, 70) 0px 0px 0px 0px;
    transform: translateY(5px);
    transition: 200ms;
  }