sample.css

html {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}
body {
    padding: 20px;
}
#sample-form, .data-form {
    margin-bottom: 20px;
}
.data-form {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    color: #2e2f33;
    background-color: #fff;
    border: 1px solid #d9dadc;
}
.data-btn {
    display: inline-block;
    font-weight: 700;
    cursor: pointer;
    color: #fff;
    background-color: #021F44;
    font-size: 14px;
    border-radius: 500px;
    border-width: 0;
    padding: 10px 47px 10px;
    letter-spacing: 1.7px;
    text-transform: uppercase;
    transition: background-color .15s ease,
                border-color .15s ease,
                color .15s ease;
}
.data-btn:hover {
    color: #fff;
    background-color: #1c3554;
}
.cover {
    width: 300px;
    height: 300px;
    display: inline-block;
    background-size: cover;
}
.cover:hover {
    cursor: pointer;
}
.cover.playing {
    border: 5px solid #e45343;
}
*,:after,:before {
    box-sizing: border-box
}