body {
    padding: 8px;
}

.box {
    border: 4px solid #28e;
    border-radius: 4px;
    padding: 8px;
}

.vertical-stack {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.vertical-stack > * {
    margin-bottom: 8px;
}

.vertical-stack > *:last-child {
    margin-bottom: 0;
}

.action-button {
    border: 0.5px solid #558;
    background: hsl(228, 100%, 90%);
    background: linear-gradient(150deg, hsl(228, 100%, 95%) 0%, hsl(228, 100%, 80%) 100%);   
}

.footer {
    text-align: center;
    font-size: small;
    font-family: "Dosis", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}