.phone-button > h1 {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 18pt;
    background-color: var(--middle-green);
    color: white;
    padding: 10px;
    border-radius: 25px;
    border: 2px solid var(--middle-green);
    width: max-content;
    transition: background-color 300ms ease, color 300ms ease, border 300ms ease;
}

.phone-button > h1:hover {
    cursor: pointer;
    background-color: white;
    color: var(--middle-green);
}