.button_white {
    border: none;
    background-color: white;

}

.hide {
    display: none;
}

.appear {
    display: block;
}

.mycard {
    /*width: 25%;*/
    /*height: 25%;*/
    border-radius: 1rem 4%;
    /*margin: 0% 0% 0% 0%;*/
    padding: 24px;
    background-color: white;
}

.first-card-color:hover {
    background-color: #FFFFFF;
    color: #0C97D1;
}

.second-card-color:hover {
    background-color: #FFFFFF;
    color: #6BA638;
}

.third-card-color:hover {
    color: #F51B13;
    background-color: #FFFFFF;
}

.first-card-color {
    background-color: #0C97D1;
    color: #FFFFFF;
}

.second-card-color {
    background-color: #6BA638;
    color: #FFFFFF;
}

.third-card-color {
    background-color: #F51B13;
    color: #FFFFFF;
}

.custom-button-tooltip {
    border: none;
}

.card-img-bottom {
    position: absolute;
    bottom: 0;
    right: 13px;
    width: 27%;
    height: 4rem;
    opacity: 50%;
}

.card-icon {
    width: 15%;
    height: 3rem;
}