.floating-box {
    width: 190px;
    height: 250px;
    border-radius: 20px;
    background: #514C4D;
    position: relative;
    padding: 1.8rem;
    border: 2px solid #201f1f;
    transition: 0.5s ease-out;
    overflow: visible;
}

    .floating-box-details {
        color: black;
        height: 100%;
        gap: .5em;
        display: grid;
        place-content: center;
    }

    .floating-box-button{
        transform: translate(-50%, 125%);
        width: 60%;
        border-radius: 1rem;
        border: black;
        background-color: #FF1B09;
        color: #141314;
        font-size: 1rem;
        padding: .5rem 1rem;
        position: absolute;
        left: 50%;
        bottom: 0;
        opacity: 0;
        transition: 0.3s ease-out;
    }

.text-body {
    color: rgb(17, 17, 17);
}

.text-title {
    font-size: 2.0em;
    font-weight: bold;
    position: fixed top;
}

.floating-box:hover {
    border-color: #FF1B09;
    box-shadow: 0 4px 18px 0 black;
}

.floating-box:hover .floating-box-button {
    transform: translate(-50%, 50%);
    opacity: 1;
}