.service-header {
    padding: 25px 32px 0 25px;
}

.service-header__top {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 1rem;
}

.service-header__heading {
    display: flex;
}

.service-header__icon {
    display: block;

    width: 44px;
    height: 44px;

    background-size: 33px auto;
}

.service-header__title-container {
    flex: 1;

    margin: 0 10px;

    line-height: 1.1;
}

.service-header__title {
    display: flex;
    align-items: center;

    font-size: 24px;
    font-weight: 500;
    line-height: 1.17em;
}

.service-header__beta-icon {
    margin: 0 .1em;

    transform: translate(0, -.3em);
}

.service-header__beta-icon svg {
    width: 15px;
    height: 15px;
}

.service-header .service-icon {
    margin-left: 10px;

    transform: translateY(.08em);
}

.service-header .service-badge {
    margin-left: .4em;

    transform: translateY(.05em);
}

.service-header__actions .control {
    display: inline-block;
}

.service-header__actions .spin2 {
    display: inline-block;

    width: 20px;
    height: 20px;
}

.service-header__actions .control + .control,
.service-header__actions .control + .spin2 {
    margin-left: 32px;
}

.service-header__actions .control .icon {
    width: 1.2em;
    height: 1.2em;
    margin-right: .32em;

    border: 1px solid currentColor;
    border-radius: 4px;

    transform: translateY(.1em);
}

.service-header__description {
    max-width: 480px;
    margin-bottom: 1rem;

    font-size: .87rem;
    line-height: 1.35;

    color: #777;
}

.service-header__description a {
    text-decoration: none;

    color: #04b;
}

.service-header__description a:hover {
    color: #c00;
}
