form{
    display: flex;
    flex-direction: column;
}
.compoment{
    display: flex;
    justify-content: space-around;
    height: 50px;
    align-items: center;
}
form a{
    background: #88A;
    margin: 0.1rem;
    border: 1px solid #F8F;
    padding: .3em;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    border-radius: 50%/10% 10% 5% 5%;
    cursor: pointer;
    transition: .7s;
}
form a:hover {
    background: #33A;
    border: 1px solid #B8B;
    font-size: 1.2em;
}
form button{
    align-self: flex-end;
}
select:hover{
    border:2px solid #FFF;
}
select option{
    color:#000;
    padding:20px;
    background: transparent;
}
select option:hover{
    background: #00F;
}
select{
    /*Reset*/
    appearance: none;
    width: 15rem;
    height: 1.5em;
    font-size: 15pt;
    box-shadow: 5px 5px 10px #FFF;
    background:var(--arrow-icon) no-repeat right 0.8em center / 1.4em,linear-gradient(#555,#33A3);
    color:#FFF;
    border-radius: 10px;
    transition: .7s;
}