body {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

main {
    flex: 1;
}

som-footer {
    border-top: 1px solid rgb(227, 227, 227);
}

a {
    padding: 0.75rem 0.5rem;
    padding-inline: 1.25rem;
}

button, a {
    font-family: Roboto;
    font-size: 0.875rem;
    line-height: 1.25rem;
    border: none;
    border-radius: 9999px;
    outline: none;
    color: white;
    background-color: #006a66;
    font-weight: 500;
    height: 2.5rem;
    text-decoration: none !important;
}
    button:hover, a:hover {
        background-color: #00807b;
        color: white;
        cursor: pointer;
    }
    button:focus, a:focus {
        background-color: #00807b;
        color: white;
    }
    button:disabled, a:disabled {
        background-color: color(srgb 0.0941176 0.109804 0.109804 / 0.12);
        color: color(srgb 0.0941176 0.109804 0.109804 / 0.38);
        cursor: auto;
    }
    button > som-icon, a > som-icon {
        padding-inline-start: 0.875rem;
        padding-inline-end: 0.25rem;
    }
    button > span, a > span {
        padding-inline-end: 0.875rem;
    }