.widget-gift {
    margin-top: 20px;
    padding: 25px 30px;
    background-color: #42a57d;
    border-radius: 5px;
    margin-bottom: 20px;
}

.widget-gift:after {
    display: block;
    content: '';
    clear: both;
}

.widget-gift__col, .widget-gift__col-item {
    width: 50%;
    float: left;
}

.widget-gift__col--select {
    white-space: nowrap;
}

.widget-gift__radio {
    display: block;
    cursor: pointer;
    transition: .3s background-color ease;
    padding: 25px 25px 25px 80px;
    position: relative;
    border-radius: 5px;
    color: #ffffff;
}

.widget-gift__radio:before {
    display: block;
    content: '';
    width: 23px;
    height: 23px;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -12px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAAGXLeQ2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODcyQUIzQ0ZEMEIzMTFFNTlGQUVFNTI1MzMyNDU3NjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODcyQUIzRDBEMEIzMTFFNTlGQUVFNTI1MzMyNDU3NjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NzJBQjNDREQwQjMxMUU1OUZBRUU1MjUzMzI0NTc2OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NzJBQjNDRUQwQjMxMUU1OUZBRUU1MjUzMzI0NTc2OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqSTAu8AAAHcSURBVHjaYvj//z8DEE8GYiYQox0qwMAIImAAIIAYoKLP0GXqkTn/AQIIpuwDzBAongMi7qMJgrAQTPskIP4JxH1A/AyIGQECCKYCpOAdEM+A6QIRPWjGvALRTEBtzAyoQAyIZ4BUaGKx/API7P9gy1ABExNUECQpBMR1QDwPiP8BBBCy9kn/IaAbiKWAWBKI66Bi89BDEZs16ACkhhlk9X0g1mIgDISB+B1IwwogTiNCQw5YLdRtPVgiCj1Q58BCHBmD/DQVqvkTEM8EpR1kNQABhK7BHojPAfEfID4DxG7YFDNDg+4JVAM7EFtBkw0IsCEr/g+VxOZuA6g8WPFxIK7H40kQLgDia7jSAtaIYmIgAdBW8SlQJiSgLh+IbxATdPrIQYceKXbQaMYZKTDsBI1uELgAxJ7I8gABhisSXKCKiQHXgNgPmznIHJDT10I1/ADiSmiawpcSWIA4D4i/QvXthHkR2XBbIP4HTc3OBAzEhc2hjgIBH5jhplCB10DMRabByD55CDXPDSSwH8rxotBgGLaERTAo43wAJjB+IJYA4pcM1AH/YSn8PFTAmEoGW0Lpi+hhzkntMGeA5hpqphZfQum8AjnN4nFpLqF0jo5dgfgikTn0Bq4cCgASccUFwdD8LQAAAABJRU5ErkJggg==');
}

.widget-gift__radio input {
    display: none;
}

.widget-gift__radio--active:before {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAAGXLeQ2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjBDQUY5QzBEMEIzMTFFNTk3NjE4RjQ1ODg3QjUxQzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjBDQUY5QzFEMEIzMTFFNTk3NjE4RjQ1ODg3QjUxQzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MENBRjlCRUQwQjMxMUU1OTc2MThGNDU4ODdCNTFDMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MENBRjlCRkQwQjMxMUU1OTc2MThGNDU4ODdCNTFDMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkjM6UUAAAJfSURBVHjaYvj//z8DEM8AYkYQY/p/KGAEYiYGBoa/QGwPEEAMUGXvQDRIBijIACL6kTkMAAEEU/YKSvtD6R4WoOR7IE6Bq4QALZiOeUDcDsRCUNsZAAIIJsEExM+AeAqUzwAi5kA5QVD6A4gG2fEYzXxGIG4HqZD8jwpcgPgBA5TjgSTBgO5DKSAuAmJ2IM4DCCCYq2BO/g91Nsh4KSDuhopNQnYtE5LR7v8xgS1UDu7v91ATg//jBiAPaALxfZBbpwPd9gKIG9G8z4AWFH1A/BPm/jlIEQXCvkgRBgvUXuSoQI6SmUD8CapoKjS1wNUABBC6BjcgPgPEf4D4HBA7YFPMBvXYfSC2BmJ2ILYH4idQcWZkxSBgCGWDwj0NiMWhfCvkoLwGxAVQiU9oQfgWKt4AxCcYkCJpG44wXwSznRFiPjhMcYU3LMzBmYhogKx4Ow41S+AsIj1YD/MgzJP6ULY0EKcAsQSUb4me+9AjBRT1drgiBYZB2ekCVAEoup2Q5QECDF0xDPtB/UIMuABN/xjmIHNATt8J1fAViPOAmAWH5ch6KoH4B1TfWpgXkQ33gUr+BGJzJM1q0JTzF821oFS/DogVkNQ6Q8X/wbI/LJuAwEMkl2pA8xgxAJSZ5aD6OIH4NVTcjAEpQqyhCmSgtpMCfgGxAFS/F1TsAAOSAjaoZOZ/8kAUVL8YlP8BlB0uQhO7KZTeTCDTYQO/kbKTCZS+gCvMNaEphhjwAUeYmyOXqv+hSQo5tWhAUwt6HIBSzwYgViSUWnCl81wi03kFoXSOLYfeIDJYLgKxKzZzAMDwEWTGdWDAAAAAAElFTkSuQmCC');
}

.widget-gift__radio:hover {
    background-color: #3f9c75;
}

.widget-gift__radio-title {
    font: 23px 'San Francisco', sans-serif;
    display: block;
}

.widget-gift__radio-desc {
    font: 14px 'San Francisco', sans-serif;
    display: block;
}

.widget-gift__radio-description {
    font: 14px 'San Francisco', sans-serif;
    display: block;
    padding: 0;
    margin: 0;
}

.widget-gift__title {
    color: #ffffff;
    padding: 15px 0 0;
}

.widget-gift__title .widget-gift__radio-title {
    padding-bottom: 10px;
}

.widget-gift__select {
    color: #ffffff;
    padding: 25px 0 0;
}

@media (max-width: 1200px) {
    .widget-gift__radio-title {
        font-size: 18px;
    }

    .widget-gift__col--select {
        width: 35%;
    }

    .widget-gift__col--gift {
        width: 65%;
    }

    .widget-gift__col-item--large {
        width: 70%;
    }

    .widget-gift__col-item--small {
        width: 30%;
    }
}

@media (max-width: 1050px) {
    .widget-gift__col {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .widget-gift__col:after {
        display: block;
        content: '';
        clear: both;
    }

    .widget-gift {
        padding-bottom: 5px;
    }
}

@media (max-width: 768px) {
    .widget-gift__col-item {
        float: none;
        width: 100%;
    }

    .widget-gift__radio {
        padding-left: 50px;
    }

    .widget-gift__radio:before {
        left: 10px;
    }

}