.phone-button {
    display: none; /* Hide by default */
    position: fixed;
    bottom: 0;
    left: 0; /* Align button to the left edge */
    width: 100%; /* Full width */
    height: 80px;
    background-color: #093a58; /* Background color */
    color: white;
    border: 1px solid #000; /* Add border for visibility */
    font-size: 24px;
    text-align: center;
    line-height: 80px; /* Vertically center the text */
    cursor: pointer;
    z-index: 9999;
    font-family: Arial, sans-serif;
    box-sizing: border-box; /* Ensure padding is included in width/height */
    padding: 0 15px; /* Add padding for better layout */
}

.phone-button i {
    margin-left: 15px; /* Space between icon and text */
    color: white;
    vertical-align: middle; /* Align icon vertically */
}

.phone-button span {
    vertical-align: middle; /* Align text vertically */
}

.phone-button:hover,
.phone-button:focus {
    color: white;
}

.phone-button:hover i,
.phone-button:focus i {
    color: white;
}

@media only screen and (max-width: 768px) {
    .phone-button {
        display: block; /* Show button on mobile devices */
    }
}