.search-page-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.search-page-content h1 {
    text-align: center;
    margin-bottom: 20px;
}

#search-input {
    width: 100%;
    padding: 12px;
    font-size: 16px;
}

.search-type-icons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 30px;
}

.icon-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    text-align: center;
}

.icon-button .material-icons-round {
    font-size: 48px;
    color: var(--sub-search-wrapper-ico);
}

.icon-button p {
    margin-top: 8px;
    font-size: 14px;
    color: var(--sub-search-wrapper-ico);
}

.icon-button:hover .material-icons-round {
    transition: all .3s ease;
    color: var(--blue);
}

.icon-button:hover p {
    transition: all .3s ease;
    color: var(--blue);
}

.icon-button button:focus {
    outline: none;
}