.trial {
    position: absolute;
    right: 0;
    bottom: 20vh;
    z-index: 3;
}

.trial > p{
    background-color: var(--principal-lightgreen);
    padding: 15px;
    color: white;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    text-align: center;
    font-size: var(--font-size-20);
    box-shadow: 0px 0px 15.3px 0px #95DE91;
}

@media (max-width: 979px) and (orientation: portrait) {
    .trial {
        bottom: 100px;
    }

    .trial > p{
        font-size: var(--font-size-16);
    }
}

@media (max-width: 979px) and (orientation: landscape) {
    .trial {
        bottom: 20vh;
    }
}